<style type="text/css">
html, body 
{
padding: 0;
border: 0px none;
}

/* Let's add some style to our fieldset & legend */

fieldset
{
-moz-border-radius: 7px; 
border: 1px #dddddd solid;
margin-bottom: 20px;
width: 500px;
}

fieldset legend
{
border: 1px #1a6f93 solid; 
color: black; 

font-family: Verdana;
font-weight: bold;
font-size: 15px;

padding-right: 5px;
padding-left: 5px;
padding-top: 2px;
padding-bottom: 2px;

-moz-border-radius: 3px;
}

#personal_Info {
border-top:0px;
}

/* Main DIV */
.m 
{
width: 530px;
padding: 20px;
height: auto;
float:left;
}

/* Left DIV */
.l
{
width: 140px;
margin: 3px 0px 0px 0px;
padding: 0px; 

float: left;  
text-align: right;
}


/* Right DIV */
.r
{
width: 300px;
margin: 0px;
padding: 0px; 

float: right; 

text-align: left;
}

.a
{
clear: both;
width: 470px;
padding: 10px;
}

.lgInfor{
	border:0px;
	font-size:1.2em;
	font-weight:normal;
}
.error {
	border:1px solid #FFB383;
	margin:0px 0px 10px 0px ;
	padding:5px 0px 5px 0px;
	width:530px;
	background: #FFCACA;
}
.error p{
	display:block;
 	color:Black;
	text-align:left;
	margin:5px 0px 0px 5px;
}

em {
	color:red;
	margin:0px 5px 0px 0px;
}
</style>

<div class="m">
<?php if(isset($error_flag) && ($error_flag == 1)):?>
<div class="error">
	<?php echo validation_errors();?>
</div>
<?php endif ; ?>

<fieldset><legend>Inscription</legend>

<form name="register" method="post" action="<?php echo site_url('user/register');?>" enctype="multipart/form-data">

<fieldset><legend class="lgInfor">Connexion l'information</legend>

<div class="a">
<div class="l"><em>*</em>Identifiant</div>
<div class="r"><INPUT type="text" name="identifiant" value="<?php echo set_value('identifiant')?>"></div>
</div>

<div class="a">
<div class="l"><em>*</em>E-Mail</div>
<div class="r"><INPUT type="text" name="email" value="<?php echo set_value('email')?>"></div>
</div>

<div class="a">
<div class="l"><em>*</em>Mot de passe</div>
<div class="r"><INPUT type="password" name="password"></div>
</div>

<div class="a">
<div class="l"><em>*</em>Confirmer Mot de passe</div>
<div class="r"><INPUT type="password" name="confirm_password"></div>
</div>
</fieldset>

<fieldset><legend class="lgInfor">personnels l'information</legend>
<div class="a">
<div class="l">Avatar</div>
<div class="r"><INPUT type="file" name="userfile" id="userfile"></div>
</div>

<div class="a">
<div class="l"><em>*</em>Nom</div>
<div class="r"><INPUT type="text" name="nom" value = "<?php echo set_value('nom');?>"></div>
</div>

<div class="a">
<div class="l"><em>*</em>Pre nom</div>
<div class="r"><INPUT type="text" name="prenom" value = "<?php echo set_value('prenom');?>"></div>
</div>

<div class="a">
<div class="l"><em>*</em>Naissance</div>
<div class="r">
	  J : <?php echo form_dropdown('birth_date', $day, 1, 'id="day"'); ?>
      M : <?php echo form_dropdown('birth_month', $month, 1, 'id="month"'); ?>
      A : <?php echo form_dropdown('birth_year', $year, $str_year, 'id="year"'); ?>
</div>
</div>

<div class="a">
<div class="l">Genre</div>
<div class="r">
	Male <input type="radio" name="genre" value="m"/>
	Female <input type="radio" name="genre" value="f"/>
</div>
</div>

<div class="a">
<div class="l">Telephone</div>
<div class="r"><INPUT type="text" name="telephone" value = "<?php echo $telephone ;?>"/></div>
</div>

<div class="a">
<div class="l">Mobile phone</div>
<div class="r"><INPUT type="text" name="mobilephone" value = "<?php echo $mobilephone ;?>"/></div>
</div>

<div class="a">
<div class="l"><em>*</em>l'adresse</div>
<div class="r"><INPUT type="text" name="address" value = "<?php echo set_value('address');?>"/></div>
</div>

<div class="a">
<div class="l">Societe</div>
<div class="r"><INPUT type="text" name="societe" value = "<?php echo $societe ;?>"/></div>
</div>

<div class="a">
<div class="l">&nbsp;</div>
<div class="r"><INPUT class="button" type="submit" name="inscrire" value="S'inscrire"/></div>
</div>

<div class="a"></div>

</fieldset>

</form>
</fieldset>

</div>